<!DOCTYPE html>
<html lang="en" id="html">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=n0" />
    <meta name="format-detection" content="telephone=no" /><!--自动查找电话号码-->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black"><!--状态栏的显示样式-->
    <meta name="author" content="xue" />
    <title>个人中心</title>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link href="css/person_center.css" rel="stylesheet">
    <link rel="stylesheet" href="css/global.css">
    <script src="../jquery-3.0.0.min.js"></script>
    <script src="js/setsize.js"></script>
    <script>
        window.onload=function () {
            set();
            $('body').height($('window').height());
            window.onresize=set;
        }
    </script>
</head>
<body>
<div class="banner clearfix">
    <p class="banner_left"><i class="fa fa-angle-left"></i></p>
    <div class="banner_right"><p>个人中心</p></div>
    <div class="blank"><i class="fa fa-gear"></i></div>
</div>
<div class="top">
    <img class="bg" src="images/person_banner.jpg">
    <div class="text">
        <img src="images/person_head_portrait.jpg">
        <p>欢迎回来</p>
    </div>
</div>
<div class="middle clearfix">
    <ul class="list clearfix">
        <li class="clearfix">
            <a href="collect_next.html">
                <div class="clearfix">
                    <i class="fa fa-heart-o left"></i>
                    <p class="center">我的收藏</p>
                    <i class="fa fa-angle-right right"></i>
                </div>
            </a>
        </li>
        <li class="clearfix">
            <a href="my_order.html">
                <div class="clearfix">
                    <i class="fa fa-file-text left"></i>
                    <p class="center">我的订单</p>
                    <i class="fa fa-angle-right right"></i>
                </div>
            </a>
        </li>
        <li class="clearfix">
            <a href="privilege.html">
                <div class="clearfix">
                    <i class="fa fa-credit-card left"></i>
                    <p class="center">我的优惠</p>
                    <i class="fa fa-angle-right right"></i>
                </div>
            </a>
        </li>
        <li class="clearfix">
            <a href="super_next.html" >
                <div class="clearfix">
                    <i class="fa fa-jpy left"></i>
                    <p class="center">我的积分</p>
                    <i class="fa fa-angle-right right"></i>
                </div>
            </a>
        </li>
    </ul>
</div>
<div class="footer clearfix">
    <ul class="link clearfix">
        <li>
            <a href="index_next.html">
                <div class="link_pic">
                    <img src="images/phone_footer1.png"><br/>
                    <span>首页</span>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="link_pic">
                    <img src="images/phone_footer2.png"><br/>
                    <span>分类</span>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="link_pic">
                    <img src="images/phone_footer3.png"><br/>
                    <span>购物车</span>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="link_pic">

                    <img src="images/phone_footer4.png"><br/>
                    <span>我的</span>
                </div>
            </a>
        </li>

    </ul>

</div>
<div class="out">
    <form action="login_next.html">
        <input type="submit" value="退出登录">
    </form>
</div>
</body>
</html>